$(function () {
    var cookie = document.cookie;
    if (cookie) {  // 标识用户身份
        var user = getCookie("lgc");
        if (user) {
            $(".login").html("欢迎");
            $(".register").html(`${user}`);
        }
    }
    var clientWidth = $(".wrapAll").width();
    var index = 0;
    var timer = null;
    var span = document.getElementsByClassName("shopCar")[0];
    // console.log(span);
    shoppingNum({user}).then(function(result){
        var {status,num} = result;
        if(status){
            span.innerHTML = "购物车(" + num + ")";
        }
    });

    $(".td1").click(function(){
        location.href = "shoppingCar.html";
    })

    autoPlay();
    

    function autoPlay() {
        clearInterval(timer);
        timer = setInterval(function () {
            index++;
                $(".dotList li").eq(index).addClass("active").siblings().removeClass("active");
                $(".swiper").animate({ left: -clientWidth * index }, function () {
                    if (index >= $(".swiper li").length-1) {
                        $(".swiper").css({ left: 0 });
                        index = 0;
                        $(".dotList li").eq(index).addClass("active").siblings().removeClass("active");
                    }
                })
        }, 3000)
    }

    $(".dotList li").click(function () {
        index = $(this).index();
        $(".swiper").animate({ left: -clientWidth * index });
        $(".dotList li").eq(index).addClass("active").siblings().removeClass("active");
    })

    $(".wrapAll").hover(function(){
        clearInterval(timer);
    },function(){
        autoPlay();
    })

    var key = "";   // 默认查询所有
    var pageIndex = 1;   // 默认显示第一页
    var showNum = 50; // 默认显示五条
    loadGoods();

    async function loadGoods() {
        
        let result = await searchOrderLimit({ key, pageIndex, showNum });
        console.log(result);
        let { status, detail, maxPage, list } = result;
        if (status) {
            var html = "";
            list.forEach(({ id, goodsId, goodsName, goodsImg, goodsPrice }) => {
                html += ` <li>
                    <a href="./goodsDetail.html?gid=${goodsId}">
                        <img src="${goodsImg}" alt="">
                        <p class="price">￥${goodsPrice}</p>
                        <p class="title">${goodsName}</p>
                    </a>
                </li>`
            });
            $(".goodsList ul").html(html);
            // 如果页码超出最大值  => 改为最大值
            pageIndex = pageIndex > maxPage ? maxPage : pageIndex;

            // 页码范围提示
            $(".pageTips")[0].innerHTML = `${pageIndex}/${maxPage}`;

            $(".prev")[0].onclick = function () {
                if (pageIndex <= 1) return false;
                pageIndex--;
                loadGoods();
                window.scrollTo({
                    top: 0,   
                })
            }

            $(".next")[0].onclick = function () {
                if (pageIndex >= maxPage) return false;
                pageIndex++;
                loadGoods();
                window.scrollTo({
                    top: 0,   
                })
            }

            $(".td2 span").click(function(){
                key = $(".td2 input").val();
                loadGoods();
            })
            
        } else {  //暂无数据

        }
    }


    $(".nav_right li").hover(function(){
        $(this).css({"background": "red"});
    },function(){
        $(this).css({"background": "#fff"});
    })

    window.onscroll = function(){
        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        // console.log("scrolling", scrollTop);
        if (scrollTop >= 800) {
            $(".indexTop").css({"display":"block"});
        } else {
            $(".indexTop").css({"display":"none"});
        }

    }
    $(".indexTop").click(function(){
        window.scrollTo({
            top: 0,   // y
            behavior: "smooth",  //滑动方式  顺滑的
        })
    })
})

